<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>王牌首页</title>
    <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css">
    <style type="text/css">
        /*自定义样式*/
        html, body {
            background: #333333;
            height: 100%;
        }
        .layui-tree-txt {
            color: deeppink;
        }
        h3 {
            color: yellow;
        }
        .layui-tree-entry:hover {
            background: #444444;
        }
        a:hover {
            color: greenyellow;
        }
        /*滚动栏*/
        ::-webkit-scrollbar {
            width: 2px;
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(241, 130, 95, 1);
        }
        ::-webkit-scrollbar-thumb:active {
            background: rgba(241, 130, 95, 1);
        }
    </style>
</head>
<body>
<center><h3>个人笔记</h3></center>
<div id="app"></div>
<hr>
<center><h3>官方课件</h3></center>
<div id="app2"></div>
<script src="https://www.layuicdn.com/layui/layui.js"></script>

<script>
    layui.use('tree', function () {
        let tree = layui.tree
            , data = [{
            title: '01_BuildNote'
            , spread: false
            , children: [{
                title: '01_BuildSoftware'
                , spread: true
                , children: [{
                    title: '01_AdobeBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '02_C#Build'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '03_CloudNoteBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '04_DatabaseBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '05_GolangBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '06_JavaBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '07_MatebookBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '08_NodejsBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '09_OfficeBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '10_OSBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '11_OverWallBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '12_PartitionBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '13_PythonBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '14_RouterBuild'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '02_MyProject'
                , spread: false
                , children: [{
                    title: '01_Docker'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '02_ProjectDone'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '03_SoftwareSkills'
                , spread: true
                , children: [{
                    title: '01_CommonSoftware'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '02_Git'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '03_Jetbrains'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '03_Linux'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '04_Logitech'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '05_PowerDesigner'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '06_Sublime'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '07_Typora'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '08_Windows'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '04_Others'
                , spread: false
                , children: [{
                    title: '01_百度云'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }]
        }, {
            title: '02_SystemNote'
            , spread: false
            , children: [{
                title: '01_AtSchool系统学习'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '02_Golang系统学习'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '03_Java系统学习'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '04_Python系统学习'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '05_Web系统学习'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }]
        }, {
            title: '03_ProgramNote'
            , spread: false
            , children: [{
                title: '01_GolangNotes'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '02_JavaNotes'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '03_PythonNotes'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '04_WebNotes'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '05_H5Notes'
                , spread: true
                , children: [{
                    title: '01_xxx'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }]
        }, {
            title: '04_BookNote'
            , spread: false
            , children: [{
                title: '01_BaseDoor'
                , spread: true
                , children: [{
                    title: '01_Linux私房菜'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '02_Research'
                , spread: true
                , children: [{
                    title: '01_BusinessPattern'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '02_DataStructureAlgorithm'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '03_SoftwareDesignPattern'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }]
        }, {
            title: '05_LifeNote'
            , spread: false
            , children: [{
                title: '01_面试笔记'
                , spread: true
                , children: [{
                    title: '01_JVM虚拟机'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '02_私人文件'
                , spread: true
                , children: [{
                    title: '01_经典电影'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '02_私人书签'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '03_魔方秘籍'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '04_设计思维'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '03_职业规划'
                , spread: true
                , children: [{
                    title: '01_电商运营'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '02_短视频运营'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '03_知识付费体系'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '04_微信生态构建'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }, {
                    title: '05_智慧未动力'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }]
        }, {
            title: '06_MajorNote'
            , spread: true
            , children: [{
                title: '01_JavaDirection'
                , spread: true
                , children: [{
                    title: '01_Java基础'
                    , spread: true
                    , children: [{
                        title: '01_Java_大数据公共基础'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '02_Java网络'
                    , spread: true
                    , children: [{
                        title: '01_MySQL核心'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '02_JDBC核心'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '03_WEB核心'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '03_Java框架'
                    , spread: true
                    , children: [{
                        title: '01_MyBatis'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14364209.html'
                    }, {
                        title: '02_Spring'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '03_Maven'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '04_Linux'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '05_Redis'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '06_Git'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '04_Java高级'
                    , spread: true
                    , children: [{
                        title: '01_MySQL高级'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14364209.html'
                    }, {
                        title: '02_MyCat'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '03_JVM高级'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '04_JUC'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '05_Java项目'
                    , spread: true
                    , children: [{
                        title: '01_尚旅游'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14364209.html'
                    }, {
                        title: '02_尚课吧'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '03_尚品汇'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '06_Java面试'
                    , spread: true
                    , children: [{
                        title: '01_面试资料'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14364209.html'
                    }]
                }, {
                    title: '开发经验'
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '02_BigdataDirection'
                , children: [{
                    title: '博客园链接①'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }]
        }]
            , data2 = [{
            title: '06_MajorNote'
            , spread: true
            , children: [{
                title: '01_JavaDirection'
                , spread: true
                , children: [{
                    title: '01_Java基础'
                    , spread: true
                    , children: [{
                        title: '01_Java_大数据公共基础'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '02_Java网络'
                    , spread: true
                    , children: [{
                        title: '01_MySQL核心'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '02_JDBC核心'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '03_WEB核心'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '03_Java框架'
                    , spread: true
                    , children: [{
                        title: '01_MyBatis'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14364209.html'
                    }, {
                        title: '02_Spring'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '03_Maven'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '04_Linux'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '05_Redis'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '06_Git'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '04_Java高级'
                    , spread: true
                    , children: [{
                        title: '01_MySQL高级'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14364209.html'
                    }, {
                        title: '02_MyCat'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '03_JVM高级'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '04_JUC'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '05_Java项目'
                    , spread: true
                    , children: [{
                        title: '01_尚旅游'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14364209.html'
                    }, {
                        title: '02_尚课吧'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }, {
                        title: '03_尚品汇'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                    }]
                }, {
                    title: '06_Java面试'
                    , spread: true
                    , children: [{
                        title: '01_面试资料'
                        , spread: true
                        , href: 'https://www.cnblogs.com/zachfan/articles/14364209.html'
                    }]
                }, {
                    title: '开发经验'
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }, {
                title: '02_BigdataDirection'
                , children: [{
                    title: '博客园链接①'
                    , spread: true
                    , href: 'https://www.cnblogs.com/zachfan/articles/14357522.html'
                }]
            }]
        }]

        //渲染
        let inst = tree.render({
            elem: '#app'  //绑定元素
            , isJump: true
            , showLine: false
            , data: data
        });

        //渲染
        let inst2 = tree.render({
            elem: '#app2'  //绑定元素
            , isJump: true
            , showLine: false
            , data: data2
        });


    });
</script>
</body>
</html>